<template>
  <div class="main">
    <div class="body"> 
      <div class="system_box">
        <div class="flex">
          <img src="../../assets/wit_icon.png" style="margin-right: 30px;">
          <div>电子班牌系统</div>
        </div>
        <div class="systemName">智慧医院{{ systemName }}</div>
      </div>
    </div> 
  </div>


</template>
<script>
import bottomView from "@/components/bottom.vue";
import { mapState, mapActions } from 'vuex';
import { getCurrentInstance } from 'vue';

export default {
  data() {
    return {
      path: '',
      systemName: '',
    };
  },
  components: {
    bottomView
  },
  mounted() {
    const instance = getCurrentInstance()
    this.systemName = instance.appContext.config.globalProperties.$systemName
    this.path = this.$route.path
    this.addPath()
  },
  methods: {
    ...mapActions(['uploadAdd']),
    addPath() {
      this.uploadAdd({
        id: 0,
        label: '首页',
        path: this.path,
      })
    },
  },
}
</script>
<style scoped>
.body {
  text-align: center;
}

.main {
  width: 100%;
  height: 100%;
  background: url(../../assets/main_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: fixed;
  background-position: bottom;
}

.flex {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.system_box {
  padding-top: 105px;
  margin-left: -50px;
  font-size: min(4vw, 33px);
  color: #006AFF;
  font-weight: bold;
}

.systemName {
  color: #006AFF;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 2px;
  margin-top: 30px;
}
</style>